<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="iconfont/iconfont.css">
        <link rel="stylesheet" href="css/member.css">
        <script src="js/flexible.js"></script>
    </head>
    <body>
        <!-- 顶部状态栏 -->
        <div class="nav">
            <a href="#"><span class="iconfont icon-xiangzuojiantou"></span></a>
            <h2>会员权益</h2>
        </div>
        <!-- 会员权益页面 -->
        <div class="member_benefits">
            <!-- 顶部 -->
            <div class="top">
                <div class="left">
                    Pro会员
                    <div class="top_right">
                        <span class="iconfont icon-qia"></span>粉丝卡
                    </div>
                </div>
                <div class="bottom">
                    <a href="#">等级说明<span class="iconfont icon-a-fh3x"></span></a>
                </div>

                <div class="right">
                    <img src="images/tx.jpg" alt>
                </div>
            </div>
            <!-- 中间 -->
            <div class="merry">
                <a href="#"><div class="card">粉丝卡</div></a>
                <a href="#"><div class="card">金卡</div></a>
                <a href="#"><div class="card">白金卡</div></a>
                <a href="#"><div class="card">钻石卡</div></a>
            </div>
            <!-- 底部 -->
            <div class="bt">
                <div class="demo">
                    <img src="images/编组 7.jpg" alt>
                    <p>享受九折优惠</p>
                </div>
                <div class="demo">
                    <img src="images/编组 4.jpg" alt>
                    <p>节假日优惠券</p>
                </div>
                <div class="demo">
                    <img src="images/编组 6.jpg" alt>
                    <p>享受八五折</p>
                </div>
                <div class="demo">
                    <img src="images/编组 8.jpg" alt>
                    <p>消费积分叠加</p>
                </div>
                <div class="demo">
                    <img src="images/编组 6备份 3.jpg" alt>
                    <p>积分抵现金</p>
                </div>
            </div>
        </div>
        <!-- 底部 -->
        <div class="bot">
            <img src="images/编组备份.svg" alt>
        </div>
    </body>
</html>